/* 
Theme Name: May701
Theme URI: http://lab.yqc.im
Description: a simple theme,like the Qzone6.0
Version: 1.1
Author: YQC
Author URI: http://yqc.im
Tags: QQ,Qzone6.0,simple
*/


*{margin:0; padding:0;}
img{border:0 none;}
html {background: url("images/bc.jpg") repeat top left;}
body{font-size:16px;font-family:"Microsoft YaHei","Comic Sans MS",Arial,Tahoma,Sans-Serif;color:#555;}
a,a visited{color:#555;text-decoration:none;}
a:hover{}
h2{font-size:22px;}
ul,li {list-style: none;}
blockquote{border-left:5px solid #B9D3EE; margin:15px 0 20px 40px;}
.entry blockquote p{margin:10px 0 0 10px;}
/* header */
#gb_toolbar {background:url(images/top-nav-bg.jpg);width:100%;height: 50px;z-index:1000;top: 0;left: 0;position: fixed;}
.headcon{width:980px;margin:0 auto;height: 50px;}
.logo {display:block;padding:3px 20px 0 6px;font-size:20px;float:left;}
.logo a{color:white;}
.logo img{height: 40px;margin-top: 5px;}
.clear{clear:both;}
.headmenu ul li{float:left;height: 34px;line-height: 34px;}
.headmenu ul li a{color:#DDD;display: block;width:100px;text-align:center;}
#nav ul li{float:left;height: 46px;line-height: 46px;}
#nav ul li a{color:#DDD;display: block;width:90px;text-align:center;}
#nav ul li a:hover{background-color:#333;cursor:pointer;}
.sub-menu{display: none;position:absolute;}
.sub-menu li{clear: left;background-color:#1F1F1F;}
.headsearch {width: 141px;float:right;margin:10px 30px 0 0;}
.headsearch  form {height: 21px;background: #E9E9E9;border-width: 1px;border-color: #BBB #E4E4E4 #E4E4E4;border-style: solid;position: relative;}
.headsearch  input {height: 21px;font: 12px/21px;padding: 0;border: 0 none;overflow: hidden;display: inline-block;vertical-align: top;}
#gb_logo_img{width:1100px;height:230px;margin: 0 auto;margin-top:51px;}
.widget_widget_img_carousel{width:1000px;margin:0 auto;}
.gb_lb{background:url(images/back_lb.png) no-repeat;height:230px;width:1100px;margin:0 auto;}
#singleplace{width:1000px;height:110px;margin: 0 auto;}
/* up-sidebar */
#upsider{width:50px;height:50px;position: fixed;background:url(images/upsider-bg.gif);top:25px;left:500px;z-index:1001;border-radius:25px;}
#upsider-inside{width:50px;height:50px;position: fixed;background:url(images/upsider-bg-bg.gif);z-index:1001;border-radius:25px;position: absolute;}
#upsiderbar{width:1000px;height:210px;position: absolute;background:black;top:50px;z-index:1;}
#upsiderbar>div{float:left;margin:0px 20px;color: #DDD;width:200px;}
/* content */
#outfrm {width:1000px;margin:0 auto;}
#postlist{width:1000px;float:left;background-color: white;}
.main-title-b {border-bottom: 3px solid #F3F3F3;}
.main-title {overflow: hidden;width: 100%;height: 32px;line-height: 32px;border-bottom: 1px solid #CCC;}
.sidecon{float:right;width:260px;height:360px;background-color: white;margin-top:10px;}
.sidecon h2{font-size:14px;font-weight: bold;color:#609C17;padding-left:5px}
.sidecon h2 a{color:#888;float: right;padding-right:16px;}
.sidecon li{border-bottom:1px dashed #ccc;height:30px;font-size:14px;padding-left:5px}
.sidecon li a{display:block;width:250px;height:22px;overflow: hidden;padding-top:4px;}

.sidecon-left{float:left;width:260px;height:360px;background-color: white;margin-top:10px;}
.sidecon-left h2{font-size:14px;font-weight: bold;color:#609C17;padding-left:5px}
.sidecon-left h2 a{color:#888;float: right;padding-right:16px;}
.sidecon-left li{border-bottom:1px dashed #ccc;height:30px;font-size:14px;padding-left:5px}
.sidecon-left li a{display:block;width:250px;height:22px;overflow: hidden;padding-top:4px;}
.centercon{float: left;margin:10px 0 0 12px;width:450px; height:360px;font-size:12px;background-color: white;}
.centercon h2{font-size:14px;font-weight: bold;color:#609C17;padding-left:5px}
.centercon h2 a{color:#888;float: right;padding-right:16px;}
.centercon li{margin-left:10px;width:240px;height:100px;display:block;overflow: hidden;float: left;margin-top:7px;}
.centercon li a{display: block;color: #1D7591;height:20px;width:240px;overflow: hidden;font-size:15px;}
.centercon li p{width:240px;height:50px;overflow: hidden;text-indent: 2em;}
.centercon li > span{width:240px;height:20px;display: block;padding-top:7px;font-size:12px;}
.centercon_inner{width:200px;height:320px;float:left;background:#F0EFEC;}
.centercon_inner-a{display: block;color: #1D7591;height:20px;width:200px;overflow: hidden;font-size:15px;}
.centercon_inner img{width:199px;height:150px;padding-left:1px;}
.centercon_inner p{padding-left:3px;width:200px;height:120px;overflow: hidden;text-indent: 2em;display: block;}
.centercon_inner > span{width:200px;height:20px;display: block;padding-top:7px;font-size:12px;}
.contabtime{padding-left:3px;color: #00791B;}
.contabviews{color: #E90043;float: right;padding-right:3px;}
.gdmeta{float:right;font-size:12px;}
.tabhead{width:450px;height:70px;}
.tabhead li{width: 110px;height: 70px;float: left;cursor: pointer;text-align:center;background:#111;margin-left:1px;}
.select {color: #cf6c19;background: #e5eaee;}
.shadow {-moz-box-shadow: 0 0 7px #828282;-webkit-box-shadow: 0 0 7px #828282;border: 1px #B5B5B5 solid;}
#lisibox{width:110px;height:140px;float:left;margin:10px 0 0 15px;}
#lisibox a{color:#1D7591;height:42px;width:100px;display:block;overflow: hidden;text-align:center;}
/* single */
.post{width:660px;border-right:1px dashed #CCC;float:left;}
.posttitle{width:620px;margin: 20px 0 0 20px;text-align:center;border-bottom: solid 1px #CCC;}
.posttitle h2{font-weight:normal;padding-bottom:10px;}
.postinfo{width:620px;margin: 5px 0px 0 20px;text-align:center;font-size:14px;}
.postinfo a{text-decoration:underline;}
.entry{margin: 15px 20px 0 20px;}
.entry p{text-indent: 2em;margin-top:10px;margin-left:10px;}
.entry img {max-width: 560px;background: #fcfcfc;margin: 10px;padding: 6px;border: 1px solid #f1f1f1;border-radius: 6px;}
pre {background:url(images/code.gif) repeat-y scroll left top transparent;font-size: 13px;line-height: 20px;overflow-x: auto;overflow-y: hidden;display: block;text-align: left;width: 570px;padding-left:28px;margin-left:10px;}
/* archive */
.post-arc{width:940px;margin:0 auto;}
.posttitle-arc{margin: 20px 0 0 20px;text-align:center;border-bottom: solid 1px #CCC;width:900px;}
.posttitle-arc h2{font-weight:normal;padding-bottom:10px;}
.entry-arc{margin: 15px 20px 0 20px;}
.entry-arc ol li{border-bottom:2px solid #ccc;margin-top:15px;height:95px;}
.entry-arc ol li img{border: 1px solid #f1f1f1;border-radius: 6px;float: left;width:90px;height:90px;}
.entry-arc ol li > a{margin-left:25px;width:620px;height:22px;display:block;overflow: hidden;float:left;font-weight:bold;}
.entry-arc ol li p{font-size:13px;margin-left:25px;margin-top:5px;text-indent: 2em;width:620px;height:60px;display:block;overflow: hidden;float:left;}
.entry-arc ol li > span{width:150px;height:66px;display: block;float: right;text-align:center;font-size:15px;}
.entry-arc ol li span a{color:#001479;}
.arc-view {color: #E90043;}
.arc-comment {color:#795D00;}
.arc-time {color:#00791B;}
/* comment */
.comfrm{width:320px;background-color:white;font-size: 12px;float: right;}
.comcon{width:300px;margin:20px 0 0 0;}
#li-comment{margin-top:20px;}
.comment-body{border-top:1px dashed #555;}
.commentmeta{float:left;margin:10px 20px 0 0;}
.commentmeta img{border: 4px solid #EEE;}
.vcard{text-align:center;width:64px;margin-top:5px;}
.commentmetadata{float: right;margin-top:10px;}
.comment-body p{margin:30px 0 0 95px;font-size:15px;}
.children{margin-left:30px;}
.reply{float:right;}
#respond{padding-right:20px;margin:1em 0 0 1em;}
#respond h3{padding:5px 0;color:#666;font-size:14px;}
#respond p{margin-bottom:8px;}
#cancel-comment-reply{float:right;}
#cancel-comment-reply a{text-decoration:none;font-size:12px; color:#999;}
#respond form input {font:12px;width:140px;padding:3px 0px 3px 50px;margin-right:10px;border:1px solid #555;border-radius:4px;}
#respond form div label small {color:#777; font-size:14px; position:relative;left:-200px;}
#commentform{width:99%;overflow:hidden;zoom:1;position:relative;}
#commentform textarea {width:99%;overflow:hidden;height:125px;font-size:16px;border:1px solid #555;border-radius:4px;}
#commentform #submit{font-size:14px;background-color:#FAFCFD;width:99%;padding:5px 5px;margin:8px 0;border:1px solid #555;cursor:pointer;border-radius:4px;}
#respond form #cb input {width:20px;}
/* relate posts */
#relposts{width:1000px;height:250px;margin-top:20px;}
.post-rel-new{width:300px;height:220px;background:#ccc;margin: 15px 0px 0px 20px;float:left;}
.post-rel-new h2{border-bottom:4px solid #ddd;display:inline;font-weight:normal;}
.post-rel-new li{width:300px; height:21px; overflow: hidden;margin-top:5px;}
.post-rel-new li a{width:220px;height:21px;overflow: hidden;display: block;float: left;}
.post-rel-new li span{float: right;display: block;}
/* footer */
#ftfriend{margin:0 auto; width:1000px;height:50px;background:white;margin-top:10px;}
#ftfriend h2{font-size:16px;margin: 6px 0px 0px 10px;display: block;float: left;}
#ftfriend a{display: block;width:140px;height:35px;float:left;margin:7px 0 0 15px;}
#ftfriend  span{font-size:16px;margin: 8px 0 0 5px;float:left;}
#ftfriend img {float:left;}
#footer{margin:0 auto;width:681px;margin-top:60px;}
.copyright{text-align:center;font-size:12px;padding-bottom:40px;}
/* navigation */
.pagenavi{text-align:center;margin:1px 0 1.5px;height:45px;}
.page-numbers{border-bottom:5px solid #999;padding:5px 8px 4px;margin:0 5px;}
.page-numbers:hover,.pagenavi .current{color:black;border-bottom:5px solid black;}
/* achieve */
.entry ol li{padding: 10px 0;border-bottom: 1px dashed #CCC;}
.entry ol li a{margin-left:25px;}

/* search */
.widget_search {width: 141px;margin-bottom:10px;}
.widget_search  form {height: 21px;background: #E9E9E9;border-width: 1px;border-color: #BBB #E4E4E4 #E4E4E4;border-style: solid;position: relative;}
#sear_txt {width: 99px;background: #E9E9E9;color: #777;padding: 0 5px;}
.widget_search  input {height: 21px;font: 12px/21px;padding: 0;border: 0 none;overflow: hidden;display: inline-block;vertical-align: top;}
#sear_btn {width: 25px;height: 21px;background: url(images/psbtn.png) no-repeat;cursor: pointer;}

/* Links Page */
.linkpage h3 {line-height:20px;margin:0;}
.linkpage ul {margin:0 0 0 40px;overflow:auto;}
.xoxo li a img{float:left;background: white;margin: 0;padding: 6px;border: none;border-radius: 1px;}
.xoxo li a img:hover{background:white;border:none;}
.linkpage ul li ul{margin:0;}
* html .linkpage ul {height:1%;}
.linkpage ul li {color: #333;margin-bottom: 5px;font-size: 12px;}
.linkpage ul li ul li {float: left;width: 120px;height: 25px;text-align: center;margin: 4px;line-height: 180%;background-color: #FFFFFF;border: 1px solid #dadada;overflow: hidden;border-radius: 5px;}
.linkpage ul li ul li a {text-decoration: none;color: gray; display: block;}
.linkpage ul li ul li a:hover {color:black;}

/*top upsider*/
.carousel_window{overflow: hidden;position:relative;left:0px;top:0px;}

/*duoshuo comment*/
#ds-thread .ds-post-button{height:47px;}
#ds-thread .ds-sync{top:20px;left:7px;}
#ds-thread .ds-post-options{height:45px;background:url(images/bg_sprites.png) 0 15px repeat-x;}
/*img_show*/
#img_show img{height:auto;width:200px;opacity:0}
#img_show .photo{border:none;height:250px;width:200px;float:left;margin:0px;}
#img_show .photo_back{border:none;height:250px;width:200px;position:absolute;top:0px;margin:0px;opacity:0;background-color:RGBA(0,0,0,0.5);}
#img_show .post-arc{width:1000px;}
#img_show .abs{position: absolute;height:250px;width:200px;overflow:hidden;}
#img_show h1{color: #ddd;}
#img_show h3{color: #ddd;text-indent:1em;}
#img_show h4{color: #ddd;text-align:right;position:absolute;right:10px;bottom:2px;}
#img_show h5{color: #ddd;text-align:right;position:absolute;right:20px;bottom:20px;}